<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Insert title here</title>
<link rel="stylesheet" href="style/jquery-ui-1.10.3.custom.css">
<script type="text/javascript" language="javascript" src="js/jquery-1.10.2.min.js"></script>
<!--<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>-->
 <script type="text/javascript" language="javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script> 
<script type="text/javascript" language="javascript" src="js/jquery.layout-latest.js"></script>
<SCRIPT type="text/javascript">  
	$(document).ready(function () {  
	    $('body').layout({ applyDefaultStyles: true });  
	    $("#content").load("cofInfo.html");
	});  
	$(function() {
	    $( "#menu" ).menu();
	});
  
	$(function(){
		$("#cofInfo").click(function(){
			$("#content").load("cofInfo.html");
		});
	});
	$(function(){
		$("#statByStf").click(function(){
				$("#content").load("test.html");
		});
	});
</SCRIPT>  
  
<style>
  .ui-menu { width: 150px; }
  </style>
</head>
<body>
<DIV class="ui-layout-center" id="content">
</DIV>  
<DIV class="ui-layout-north" >North</DIV>  
<DIV class="ui-layout-west">
<ul id="menu">
	<li class="ui-state-disabled"><a href="#">Aberdeen</a></li>
	<li><a href="#" id="cofInfo">会议信息</a></li>
	<li><a href="#">职工信息</a></li>
	<li><a href="#">用户信息</a></li>
	<li>
		<a href="#">统计</a>
		<ul>
			<li><a href="#">按会议统计</a></li>
			<li><a href="#" id="statByStf">按职工统计</a></li>
			<li><a href="#">按部门统计</a></li>
		</ul>
	</li>
	
</ul>
</DIV>
</body>
</html>